<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery中的Ajax请求</title>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#ajaxBtn").click(function () {
                $.ajax({
                    url: "http://localhost:8083/Demo0316/ajax01.do",
                    data: {action: "jQueryAjax"},
                    type: "GET",
                    success: function (data) {
                        console.log("服务器返回的数据" + data);
                        var jsonObj = JSON.parse(data);
                        $("#msg").html("编号:" + jsonObj.id + ",姓名：" + jsonObj.name + "，年龄" + jsonObj.age + ",性别" + jsonObj.sex);
                    },
                    dataType: "text"
                });
            });
        });
    </script>

</head>
<body>
<button id="ajaxBtn">jQuery Ajax 请求</button>
<div id="msg"></div>
</body>
</html>